/*省市联动：数组的内容显示在页面
/*1.首先定义省份和对应城市的数组
  2.获取下拉列表元素对象
  3.省份下拉列表数据显示在网页上
  4.给省份下拉列表添加改变事件；
        城市下拉列表数据显示出来*/
       

//1.首先定义省份和对应城市的数组
var provinceArr=['浙江','江苏','上海'];
var cityArr=[
['杭州','宁波','温州','绍兴'],
['南京','苏州','无锡','扬州'],
['黄埔区','浦东区','静安区']
];
//2.获取下拉列表元素对象
var province=document.getElementById('province');
var city=document.getElementById('city');
//3.省份下拉列表数据显示出来
//循环遍历省份一维数组，将数据添加到下拉列表中
for(var i in provinceArr){
	//<option value="0">浙江</option>
	//Option(x,y):x:文本，y：value
	var op=new Option(provinceArr[i],i);
	province.options.add(op);
}
//4.给省份下拉列表添加改变事件
province.onchange=function(){
	//添加之前先清空列表
	city.length=0;
	//城市下拉列表数据显示出来
	/*var op=new Option('温州',0);
	city.options.add(op);*/
	//1)获得选中的当前省份
	var selected=province.value
	//2）对应的城市数据 cityArr[selected]
	for(var j in cityArr[selected]){
		var op=new Option(cityArr[selected][j],[i]);
		city.options.add(op);
	}
}

